<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>南之嘉木小型商城网站注册页面</title>
    <link rel="icon" href="http://568c82919dfbf.t74.qifeiye.com/qfy-content/uploads/2016/01/3eb6b2fe5fb7252818f7c73266f78db0.png" type="image/png" />
    <link rel="stylesheet" href="css/examples.css">
</head>

<body>
    <header>
        <div class="header-one">
            <div class="header-left">
                <ul>
                    <li><img src="img/dianhua.png" alt=""> &nbsp; 0500-6000000</li>
                    <li><img src="img/shijian.png" alt=""> &nbsp;上午9点至下午6点</li>
                </ul>
            </div>
            <div class="header-right">
                <a href="register.html"><img src="img/denglu.png" alt="">&nbsp;<span>登录</span></a>
                <a href="examples.html"><img src="img/zhuce.png" alt="">&nbsp;<span>注册</span></a>
            </div>
        </div>
    </header>
    <div class="header-two">
        <div class="header-two-center">
            <!-- logo -->
            <div class="logo">
                <img src="img/logo.png" alt="">
            </div>
            <!-- 二级菜单 -->
            <div class="nav">
                <ul class="firstul">
                    <li><a href="index.html">商城首页</a></li>
                    <li><a href="shangchengye.html">商品分类</a>
                        <ul class="secondul">
                            <li><a href="">美之器物</a></li>
                            <li><a href="">南之嘉木</a></li>
                            <li><a href="">觉之盆景</a></li>
                        </ul>
                    </li>
                    <li><a href="">支付方式</a>
                        <ul class="secondul">
                            <li><a href="">在线支付</a></li>
                            <li><a href="">银行转账</a></li>
                            <li><a href="">在线付款</a></li>
                        </ul>
                    </li>
                    <li><a href="">节气故事</a>

                    </li>
                    <li><a href="">关于嘉木</a>
                        <ul class="secondul secondul-three">
                            <li><a href="">联系我们</a></li>
                            <li><a href="">加盟方式</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- 搜索框 -->
            <div class="search">
                <input type="text" placeholder="嘉木/盆景/文玩" name="" id="" value="" />
                <button><i>搜索</i></button>
            </div>
        </div>
    </div>

    <section>
        <div>
            <div class="column-container" action="register.php" method="POST">电话号码<span>*</span><input type="text" id="number" name="unumber" />
                <p id="tit"></p><br> 短信验证码<span>*</span><input type="text" id="number-one" /><button class="gain">获取</button><br>密码<span>*</span><input type="password" id="password" name="pwd" />
                <p id="tit1"></p><br>再一次输入密码
                <span>*</span><input type="password" id="password-one" name="pwd-one" />
                <p id="tit2"></p>
                <h3>密码强度</h3>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <hr>
                <input type="checkbox" id="agree">&nbsp;&nbsp;&nbsp;我同意《用户手册》和《保密条款》
                <hr><input type="button" value="注册" id="logon" />
                <input type="button" value="登录" id="register" />
                <br><br><br>
                <span>第三方账号登录：</span>
                <img src="img/qq.png" alt="">

            </div>
            <div class="column-bottom">
                <p>说明：</p>
                <p></p>
                <p>1.实际使用之前，需配置用户管理组件中的相关邮件。详情请参考教程：《用户管理中相关邮件的配置》</p>
                <p>2.新用户注册后的审核方式有三种：自动核准、邮件激活、需要管理员批准（即人工审核），详情可参考教程《如何设置用户注册后的审核方式》</p>
            </div>
        </div>
    </section>


    <footer>
        <div class="footer-top"> <img src="img/logo.png" alt="">
        </div>
        <div class="footer-center">
            <div>
                <h3>支付方式</h3>
                <ul>
                    <li>在线支付</li>
                    <li>货到付款</li>
                    <li>银行转账</li>
                </ul>
            </div>
            <div>
                <h3>支付方式</h3>
                <ul>
                    <li>在线支付</li>
                    <li>货到付款</li>
                    <li>银行转账</li>
                </ul>
            </div>
            <div>
                <h3>支付方式</h3>
                <ul>
                    <li>在线支付</li>
                    <li>货到付款</li>
                    <li>银行转账</li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p>Copyright © 2010-2015 南之嘉木茶文化有限公司. All rights reserved.</p>
        </div>
    </footer>
</body>

</html>
<script src="js/jQuery.js"></script>
<!-- <script src="js/examples.js"></script> -->
<script>
    $("#logon").click(function() {
        $.ajax({
            type: "POST",
            url: "php/examples.php",
            data: {
                userPhone: $("#number").val(),
                userPwd: $("#password").val()
            },
            success: function(msg) {
                console.log(msg);
                if (msg == 1) {
                    alert("注册成功！");
                    location.href = "register.html";

                } else {
                    alert("注册失败");
                }
            }
        });
    })
</script>